import type { RadioChangeEvent } from "antd";
import { Radio } from "antd";
import { useState } from "react";
import "./style/index.css";
type Props = {};

const moduleConfiguration = (props: Props) => {
  const [value, setValue] = useState(1);
  const [value1, setValue1] = useState(1);
  const [value2, setValue2] = useState(1);
  const [value3, setValue3] = useState(1);
  const [value4, setValue4] = useState(1);
  const [value5, setValue5] = useState(1);
  const onChange = (e: RadioChangeEvent) => {
    setValue(e.target.value);
  };
  const onChange1 = (e: RadioChangeEvent) => {
    setValue1(e.target.value);
  };
  const onChange2 = (e: RadioChangeEvent) => {
    setValue2(e.target.value);
  };
  const onChange3 = (e: RadioChangeEvent) => {
    setValue3(e.target.value);
  };
  const onChange4 = (e: RadioChangeEvent) => {
    setValue4(e.target.value);
  };
  const onChange5 = (e: RadioChangeEvent) => {
    setValue5(e.target.value);
  };
  return (
    <div className="klockq">
      <div className="hea">
        <p>用户设置</p>
      </div>
      <main>
        <div>
          <p>开启注册</p>
          <Radio.Group onChange={onChange} value={value}>
            <Radio value={1}>开启</Radio>
            <Radio value={2}>关闭</Radio>
          </Radio.Group>
        </div>
        <div>
          <p>注册发送短信</p>
          <Radio.Group onChange={onChange1} value={value1}>
            <Radio value={1}>是</Radio>
            <Radio value={2}>否</Radio>
          </Radio.Group>
        </div>
        <div>
          <p>预约报名发送短信</p>
          <Radio.Group onChange={onChange2} value={value2}>
            <Radio value={1}>是</Radio>
            <Radio value={2}>否</Radio>
          </Radio.Group>
        </div>
        <div>
          <p>评论经纪人是否审核</p>
          <Radio.Group onChange={onChange3} value={value3}>
            <Radio value={1}>是</Radio>
            <Radio value={2}>否</Radio>
          </Radio.Group>
        </div>
        <div>
          <p>提交问题是否需要审核</p>
          <Radio.Group onChange={onChange4} value={value4}>
            <Radio value={1}>是</Radio>
            <Radio value={2}>否</Radio>
          </Radio.Group>
        </div>
        <div>
          <p>回答问题是否需要审核</p>
          <Radio.Group onChange={onChange5} value={value5}>
            <Radio value={1}>是</Radio>
            <Radio value={2}>否</Radio>
          </Radio.Group>
        </div>
        <div>
          <button>立即提交</button>
        </div>
      </main>
    </div>
  );
};

export default moduleConfiguration;
